{{ $project  := .Site.Params.project | markdownify }}
{{ $overview := .Site.Params.overview | markdownify }}
{{ $adopters := .Site.Params.adopters }}
<section class="section">
  <div class="container">
    <p class="title is-size-2 is-size-3-mobile has-text-primary has-text-weight-bold">
      What is etcd?
    </p>

    <hr class="has-background-primary" />

    <div class="columns is-variable is-8">
      <div class="column">
        <p class="title has-text-weight-light">
          Project
        </p>

        <hr class="has-background-danger" />

        <div class="content is-medium">
          {{ $project }}
        </div>
      </div>

      <div class="column">
        <p class="title has-text-weight-light">
          Technical overview
        </p>

        <hr class="has-background-danger" />

        <div class="content is-medium">
          {{ $overview }}
        </div>
      </div>

      <div class="column">
        <p class="title has-text-weight-light">
          Adopters
        </p>

        <hr class="has-background-danger" />

        {{ range where $adopters "logo" "!=" nil }}
        <div class="is-adopter-block">
          <a href="{{ .link }}" target="_blank">
            <img class="is-project-logo" src="{{ .logo }}">
          </a>

          {{ with .description }}
          <div class="content is-medium">
            {{ . | markdownify }}
          </div>
          {{ end }}
        </div>
        {{ end }}

        <br />

        <ul class="adopter-list">
          {{ range where $adopters "logo" "eq" nil }}
          <li>
            <a class="is-size-4" href="{{ .link }}">
              {{ .name }}
            </a>

            {{ with .description }}
            <p>
              {{ . }}
            </p>
            {{ end }}
          </li>
          {{ end }}
        </ul>

        <hr class="has-background-danger" />

        <div class="is-adopter-block"> 
          <div class="content is-medium">
            In addition, <a href="https://github.com/search?utf8=%E2%9C%93&q=etcd/">thousands of projects on GitHub</a> are affiliated with etcd, including projects built on etcd, client bindings, and more.
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
